<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Baiyi
 * @since Twenty Ten 1.0
 */
?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo('name'); ?> </title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type');?>;charset=<?php bloginfo('charset')?>" />
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>"/>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory').'/css/nivo-slider.css'?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory').'/css/skin-jcarousel.css'?>"/>
<script type="text/javascript" src="<?php echo bloginfo('template_directory').'/js/jquery-1.7.1.min.js'?>"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_directory').'/js/jquery.nivo.slider.pack.js'?>"></script>
<script type="text/javascript" src="<?php echo bloginfo ('template_directory').'/js/jquery.jcarousel.min.js'?>"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_directory').'/js/main.js'?>"></script>
<!--[if IE 9]>
	<link href="css/ie9.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
	<link href="css/ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
	function mycarousel_initCallback(carousel)
	{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
	};
	$(document).ready(function(){	
 		$('#slider').nivoSlider();
		 $('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
	});
	
</script>
<?php
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );

	wp_head();
?>
</head>
<body>
	<div id="wrapper">
    	<div id="header">
        	<div class="logo">
            	<a href="#">
                	<img src="<?php echo bloginfo('template_directory').'/images/logo.png'?>" alt="Baiyi"/>
                </a>
            </div>
            <div class="headright">
            	<div class="tophead">
                	<p><a href="#"><img src="<?php echo bloginfo('template_directory').'/images/facelike.png'?>" alt=" "/></a></p>
                    <p><strong>BaiYi Singapore Pte Ltd</strong></p>
                    <p>81 Ubi Avenue 4, #03-05/06 UB.One, </p>
                    <p>Singapore 408830</p>
                    <p>Tel: 6636 3638 |  Fax: 6636 3538</p>
                </div>
                <div class="menu">
                	<ul class="nav">
                        <?php $args = array(                             
                        	'link_before'  => '<span>',
                        	'link_after'   => '</span>', 
                            'items_wrap' => '%3$s',
                            'container'=>'',   
                            'menu'=>'menu',      
                            'menu_id'=>'menu'
                        ); ?>
                         <?php wp_nav_menu($args)?>
               
                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>
        </div><!--end header-->
        <?php
            include('banner.php');            
        ?>
        <div id="main">

